﻿@charset "utf-8";
.content{ max-width: 1200px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 999;}
.page-down:hover {background: #1256FF;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}

.white{ color:#fff !important;}
.webmain{ overflow:hidden; min-width: 1200px; }
.tishi{ text-align: center; color: #333; padding: 20px 0; }
.tupian{ width: 100%; background: #fff; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block; }
.wapshow{ display: none; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 10px; cursor: pointer; float: right; line-height: 50px; font-size: 20px; text-align: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #1256FF;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }


.header{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: none; transition: all .5s; border-bottom: 1px solid rgba(255,255,255,0); }
.header .logo{ position: relative; margin: 26px 0; float: left; transition: all .5s; padding-left: 20px}
.header .logo img{ height: 18px; display: block; transition: all .5s; }
.header .logo .blogo{ position: absolute; left: 0; top: 0; width: 100%; height: 18px; opacity: 0; color: #444;}
.header .logo .wlogo{
    opacity: 0.6;
    color: white;
}
.header.header_on .logo .wlogo{
  color: #444444;
}
.header .lang{ float: right; color: #fff; margin: 30px 0; padding: 0 15px; transition: all .5s; }
.header .lang span{ opacity: .6; }
.header .lang a{ color: #fff; opacity: .6; transition: all .5s; }
.header .lang a:hover{ opacity: 1; }
.header .inmuen{ float: right; }
.header .inmuen ul{
    margin-bottom: 0;
}
.header .inmuen ul li{ font-size: 16px;display: block; line-height: 80px; float: left; padding: 0 15px; color: #fff; opacity: .6; transition: all .5s; }
.header .inmuen ul li:hover,.header .inmuen ul li.on{ opacity: 1; }

.header.nyheader{ background: #fff; }
.header.nyheader .logo .blogo{ opacity: 1; }
.header.nyheader .lang{ color: #333; opacity: 1; }
.header.nyheader .lang a{ color: #333; opacity: 1; }
.header.nyheader .lang a:hover{ color: #1256FF; }
.header.nyheader .inmuen ul li{ opacity: 1; color: #333; }
.header.nyheader .inmuen ul li:hover,.header.nyheader .inmuen ul li.on{ color: #1256FF; }
.headerkg{ height: 81px; }

.header.header_on{ position: fixed; background: #fff; border-bottom: 1px solid #eaecef; }
.header.header_on .logo .blogo{ opacity: 1;color: #444;padding-left: 20px }
.header.header_on .lang{ color: #333; opacity: 1; }
.header.header_on .lang span{ opacity: 1; }
.header.header_on .lang a{ color: #333; opacity: 1; }
.header.header_on .lang a:hover{ color: #1256FF; }
.header.header_on .inmuen ul li{ opacity: 1; color: #333; }
.header.header_on .inmuen ul li:hover,.header.header_on .inmuen ul li.on{ color: #1256FF; }

.wapmuen{ display: none; }
